<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" href="../../css/mobileSelect.css">
    <link rel="stylesheet" href="../../css/normalUser.css">
    <link rel="stylesheet" href="../../css/pulice.css">
    <script src="../../js/api.js"></script>
    <script src="../../js/mobileSelect.min.js"></script>
    <script src="../../js/libs/zepto.min.js"></script>
    <script src="../../js/vue.min.js"></script>
    <script src="../../js/vue-resource.min.js"></script>
    <script src="../../js/aui-toast.js"></script>
    <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
    <script>
        setToken();
        window.onload = function () {
            var mobileSelect4 = new MobileSelect({
                trigger: '#kaihu',
                title: '',
                wheels: [
                    {data:['中国银行开户行','工商银行开户行','邮政储蓄开户行','建设银行开户行']}
                ],
                position:[2] //Initialize positioning
            });
            var mobileSelect5 = new MobileSelect({
                trigger: '#shengshi',
                title: '',
                wheels: [
                    {data:[
                            {id:'1',value:'北京市'},
                            {id:'2',value:'河北省'},
                            {id:'3',value:'河南省'}
                        ]},
                    {data:[
                            {id:'1',value:'北京市'},
                            {id:'2',value:'石家庄市'},
                            {id:'3',value:'郑州市'}
                        ]}
                ],
                position:[2] //Initialize positioning
            });

            $(".szhy").tap(function () {
                $(".szhy").find("img").attr("src","../../img/radioIcon2@2x.png");
                $(this).find("img").attr("src","../../img/radioIcon.png");
                var txt = $.trim($(this).text());
                $("#rzks,#rzrg").hide();
                if (txt == "快速认证") {
                    $("#rzks").show();
                }else if (txt == "人工认证") {
                    $("#rzrg").show();
                }
            });

            $('.hm-bar').load('../../data/headerOther.html',function (data) {
                $(this).find('.head-main').text('个人认证');
                $(this).find('.hm-bar-box').css('position','static');
                $(this).find('.head-left').on('tap',function () {
                    window.history.back();
                });
            });
            var app = new Vue({
                el:'#app',
                data:{
                    "userPhone": "15015680489",
                    "accUser": "hahaha",
                    "ID": "512501197203035172",
                    "accNo": "565767676767676767",
                    "bankId": "1",
                    "accArea": "gdfgdf",
                    "provinceId": "110000",
                    "cityId": "110000",
                    "areaId": "110101",
                    "device": "110101",
                    account:{}
                },
                mounted:function () {
                    this.$nextTick(function () {
                        this.aaa();
                    })
                },
                methods: {
                    aaa:function () {
                        this.$http.get(SURL+"app/users/quickAuthentication",{params:{
                                userPhone:this.userPhone,
                                accUser:this.accUser,
                                ID:this.ID,
                                accNo:this.accNo,
                                bankId:this.bankId,
                                accArea:this.accArea,
                                provinceId:this.provinceId,
                                cityId:this.cityId,
                                areaId:this.areaId,
                                device:this.device
                            }}).then(function (res) {
                            console.log(res.body.data);
                            if(res.body.status == 1) {
                                this.account = res.body.data;
                            }else {

                            }
                        })
                    }
                }
            })
        }
    </script>
    <title>个人认证-快速</title>
</head>
<body id="ksrz">
    <div class="hm-bar"></div>
    <div id="app">
        <div class="center-order" style="border-bottom: 0">
            <div class="center-account">
                <div class="center-account-public" style="border-bottom: 1px solid #ccc">
                    <div class="font-base-28 rz-txt">认证方式</div>
                    <div class="font-base-28 center-account-money">
                        <label class="szhy">
                            <img class="sh-radio" src="../../img/radioIcon.png" alt=""/>
                            快速认证
                        </label>
                        <label class="szhy">
                            <img class="sh-radio" src="../../img/radioIcon2@2x.png" alt=""/>
                            人工认证
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div id="rzks" class="center-order" style="border-top: 0">
            <div class="center-account">
                <div class="center-account-public">
                    <div class="font-base-28 rz-txt">姓名</div>
                    <div class="font-base-28 center-account-money">
                        <input type="text" placeholder="请输入您的真实姓名">
                    </div>
                </div>
                <div class="center-account-public">
                    <div class="font-base-28 rz-txt">身份证号</div>
                    <div class="font-base-28 center-account-money">
                        <input type="text" placeholder="请输入身份证号">
                    </div>
                </div>
            </div>
            <div class="center-account">
                <div class="center-account-public">
                    <div class="font-base-28 rz-txt">开户银行</div>
                    <div class="font-base-28 center-account-money">
                        <img class="rz-icon" src="../../img/newGo.png" alt=""/>
                        <div class="rz-select" id="kaihu">请选择开户银行</div>
                    </div>
                </div>
                <div class="center-account-public">
                    <div class="font-base-28 rz-txt">所属省市区</div>
                    <div class="font-base-28 center-account-money">
                        <img class="rz-icon" src="../../img/newGo.png" alt=""/>
                        <div class="rz-select" id="shengshi">请选择所属省市区</div>
                    </div>
                </div>
                <div class="center-account-public">
                    <div class="font-base-28 rz-txt">开户支行</div>
                    <div class="font-base-28 center-account-money">
                        <input type="text" placeholder="请输入开户支行">
                    </div>
                </div>
                <div class="center-account-public">
                    <div class="font-base-28 rz-txt">银行卡号</div>
                    <div class="font-base-28 center-account-money">
                        <input type="text" placeholder="请输入银行卡号">
                    </div>
                </div>
                <div class="center-account-public">
                    <div class="font-base-28 rz-txt">预留手机号</div>
                    <div class="font-base-28 center-account-money">
                        <input type="text" placeholder="请输入预留手机号">
                    </div>
                </div>
            </div>
        </div>
        <div id="rzrg" class="center-order" style="display: none;border-top: 0">
            <div class="center-account">
                <div class="center-account-public">
                    <div class="font-base-28 rz-txt">手机号</div>
                    <div class="font-base-28 center-account-money">
                        <span>18876556642</span>
                    </div>
                </div>
                <div class="center-account-public">
                    <div class="font-base-28 rz-txt">姓名</div>
                    <div class="font-base-28 center-account-money">
                        <input type="text" placeholder="请输入真实姓名">
                    </div>
                </div>
                <div class="center-account-public">
                    <div class="font-base-28 rz-txt">身份证号</div>
                    <div class="font-base-28 center-account-money">
                        <input type="text" placeholder="请输入身份证号">
                    </div>
                </div>
                <div class="center-account-public">
                    <div class="font-base-28 rz-txt">身份证照片</div>
                    <div class="font-base-28 center-account-money">
                        <span>请上传图片</span>
                        <img class="rz-icon" src="../../img/newGo.png" alt=""/>
                    </div>
                </div>
            </div>
        </div>
        <a class="btn btn-blue btn-mt" href="">提交</a>
    </div>

</body>
</html>